<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="../bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css"/>
<link rel="stylesheet" href="../css/moban.css">
<link rel="stylesheet" href="../css/shangpinxiangqing.css">
</head>
<body>
  <div id="hd">
    <div id="hd_1">
      <img src="../images/p1.png" height="70px" class="img-circle">
      <h1>LMG超市</h1>
      <input id="hd_i" type="text" value="搜索">
      <input type="button" value="搜索">
      <span id="hd_s"><a href="login.html">登录</a><a href="register.html">注册</a></span>
    </div>
  </div>

  <div id="by1">
    <ul class="nav nav-pills">
      <li role="presentation"><a href="index.html">首页</a></li>
      <li role="presentation" class="active"><a href="class.html">商品分类</a></li>
      <li role="presentation"><a href="shop.html">购物车</a></li>
      <li role="presentation"><a href="order.html">我的订单</a></li>
    </ul>
  </div>
  <div id="by2">
  	<div id="nav_detail"><a href="class.html" style="margin-left:20px;">返回</a></div>
	<div id="shop_detail">
		<div id="preview" class="lf">
			<div id="mediumDiv"><img id="mImg" src="../images/latiao.jpg"></div>
			<div id="icon_all">
				<ul id="icon_list" type="none">
					<li class="li"><img src="../images/latiao.jpg"></li>	
					<li class="li"><img src="../images/dan.jpg"></li>	
					<li class="li"><img src="../images/jiu.jpg"></li>	
					<li class="li"><img src="../images/latiao.jpg"></li>	
					<li class="li"><img src="../images/latiao.jpg"></li>	
				</ul>
			</div>
		</div>
		<div class="right_detail lf">
			<h1>卫龙-辣条</h1>
			<h3>卫龙“魔芋爽”采用上等魔芋精制而成，超弹爽滑的魔芋条，搭配鲜香麻辣的红油，闻之川香四溢，食之鲜嫩可口，叫人欲罢不能！</h3>
			<div class="price">
				<div id="pro_price">
					<b>零售价格：</b>
					<span>￥5</span>
				</div>
				<div class="promise">
					<b>服务承诺：</b>
					<span>*当天免费退货</span>
					<span>*绝无过期食品</span>
					<span>*8小时内极速退款</span>
				</div>
			</div>
			<p class="parameter">
				<b>客服：</b>
				<span class="connect">联系客服</span>
				<img class="gif" src="../images/kefuf.gif">
			</p>
		</div>
		<div class="accountChose">
			<span class="shuliang_a">数量：</span>
			<button class="numberMinus">-</button>
			<input type="text" value="1" class="number" id="buy-num">
			<button class="numberAdd">+</button>
		</div>
		<div class="shops">
			<a href="shop.html" class="buy">立即购买</a>
			<a href="shop.html" class="shop">
				<img src="../images/gouwuche_tb.png">加入购物车
			</a>
		</div>
	</div>
	<div>
		<h5 class="tpjs">商品介绍</h5>
		<img src="../images/spjs4.jpg" id="spjs_tp1">
		<img src="../images/spjs1.jpg" id="spjs_tp2">
		
	</div>
  </div>
  <div id="hd">
    <div id="hd_1">
      
    </div>
  </div>
</body>
<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script>
<script type="text/javascript" src="../js/shangpinxiangqing.js"></script>
</html>


